<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>背景</title>
	<style type="text/css">
		/*.box{
			width: 500px;
			height: 500px;
			background: red url(bg.png) 0px 0px repeat-y;
		}*/
		*{
			padding: 0px;
			margin: 0px;
		}

		.tool{
			width: 40px;
			height: 220px;
			position: fixed;
			right: 0px;
			bottom: 100px;
		}
		.tool li{
			width: 35px;
			height: 35px;
			background: #7A6E6E url(./tool.png) 0 0 no-repeat;
			list-style: none;
			margin-bottom: 2px;
		}
		.tool li.list1{
			background-position: -90px -175px;
		}

		.tool li.list2{
			background-position: -50px -0px;
		}
		.tool li:hover{
			background-color: #C81623;
		}


	</style>
</head>
<body>
	<!-- <div class="box"></div>
	<p>sdf</p>
	<img src="bg.jpg" width="500px" alt=""> -->
	<ul class="tool">
		<li class="list1"></li>
		<li class="list2"></li>
		<li class="list3"></li>
		<li class="list4"></li>
		<li class="list5"></li>
		<li class="list6"></li>
	</ul>
</body>
</html>